<template>
  <view class="three" @click="goToPartnerActivitiesPage">
    <view class="text1 text">官方搭子活动</view>
    <view :key="item.daziId" v-for="item in daziList" :item="item">
      <view class="text2 text">{{item.daziDetail}}</view>
      <view class="text3 text">{{item.daziTime}}</view>
    </view>
  </view>
</template>
<script>
	export default {
		data() {
			return {
				daziList: [],
			}
		},
    watch: {
			userToken: {
				handler(val) {
          val && this.getMemberList()
				},
				immediate: true
			}
    },
		methods: {
			async getDaziList() {
				this.daziList = [{
					"daziDetail": "住宿+滕王阁+庐山，3 天 2 晚求搭",
					"daziTime": "活动时间：2025.02.10-2025.2.28"
				}, {
					"daziDetail": "住宿+滕王阁+鄱阳湖，5 天 1晚求搭",
					"daziTime": "活动时间：2025.03.10-2025.3.28"
				}]
			},
			goToPartnerActivitiesPage() {
				uni.navigateTo({
					url: "/pages/PartnerActivitiesPage/PartnerActivitiesPage"
				})
			},
		},
	}
</script>
<style lang="less" scoped>

.three {
  width: 690rpx;
  margin: 20rpx auto;
  border-radius: 16rpx;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30rpx;
  box-sizing: border-box;

  .text {
    margin-top: 10rpx;
  }

  .text1 {
    font-family: 'PingFang SC';
    font-weight: 400;
    font-size: 26rpx;
    line-height: 36rpx;
    letter-spacing: 0px;
    color: #979797;
    margin-top: 0;
  }

  .text2 {
    font-family: 'PingFang SC';
    font-weight: 600;
    font-size: 28rpx;
    line-height: 40rpx;
    letter-spacing: 0px;
    color: var(--Color-2, #222222);
  }

  .text3 {
    font-family: 'PingFang SC';
    font-weight: 400;
    font-size: 24rpx;
    line-height: 34rpx;
    letter-spacing: 0px;
    color: #979797;
  }
}
</style>